.el-form,
.el-dialog {
    .el-input {
        .el-input__inner:focus {
            border-color: #c82011;
        }
        &.is-disabled{
            input{
                background: #ddd;
                color: #999;
            }
        }
    }
    .el-switch.is-checked {
        .el-switch__core {
            background-color: #c82011;
            border-color: #c82011;
        }
    }
    .el-button--primary {
        background-color: #c82011;
        border-color: #c82011;
    }
    .el-dialog__headerbtn {
        .el-dialog__close {
            &:hover {
                color: #c82011;
            }
        }
    }
    .el-form-item {
        .el-input__inner,
        .el-textarea__inner {
            border-color: #c4c4c4;
        }
        &.is-error {
            .el-input__inner,
            .el-textarea__inner {
                border-color: #f56c6c;
            }
        }
        &.el-form-block {
            display: inline-block;
            width: 45%;
            overflow: hidden;
            span{
                display: block;
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }
    }
    .radio-box {
        display: inline-block;
        margin: 0 10px;
        // .el-input {
        //     width: 50px;
        // }
        // input {
        //     width: 50px;
        // }
    }
    .select-span {
        font-size: 14px;
        margin: 0 10px;
    }
}
.el-date-table,
.el-month-table {
    td {
        &.available, .cell{
            &:hover{
                color: #c82011;
            }
        }
        &.today {
            span {
                color: #c82011;
            }
        }
        &.current:not(.disabled){
            span{
                background-color: #c82011;
            }
        }
    }
}
.el-picker-panel__icon-btn, .el-date-picker__header-label{
    &:hover{
        color: #c82011;
    }
}
.el-select{
    .el-input {
        &.is-focus {
            .el-input__inner {
                border-color: #c82011;
            }
        }
    }

    .el-input__inner:focus {
        border-color: #c82011;
    }
}
.el-input{
    &.is-focus{
        .el-input__inner{
            border-color: #c82011;
        }
    }
}
.el-input__inner:focus{
    border-color: #c82011;
}
.el-select-dropdown{
    &.is-multiple{
        .el-select-dropdown__item{
            &.selected{
                color: #c82011;
            }
            &.active{
                color: #79b0ff;
            }
        }
    }
}
.el-select-dropdown__item{
    &.selected{
        color: #cc281a;
    }
}
.el-checkbox,
.el-radio {
    .el-checkbox__input.is-checked,
    .el-radio__input.is-checked {
        .el-checkbox__inner,
        .el-radio__inner {
            background-color: #c82011;
            border-color: #c82011;
        }
    }
    .el-checkbox__input.is-indeterminate{
        .el-checkbox__inner{
            background-color: #c82011;
            border-color: #c82011;
        }
    }
    &.is-bordered{
        &.is-checked{
            border-color: #c82011;
        }
    }
    .el-checkbox__input.is-focus,
    .el-radio__input.is-focus {
        .el-checkbox__inner,
        .el-radio__inner {
            border-color: #c82011;
            &:hover {
                border-color: #c82011;
            }
        }
    }
    .el-checkbox__inner,
    .el-radio__inner {
        border-color: #c4c4c4;
        &:hover {
            border-color: #c82011;
        }
    }
    .el-checkbox__input.is-checked+.el-checkbox__label,
    .el-radio__input.is-checked+.el-radio__label {
        color: #c82011;
    }
}

.el-textarea {
    .el-textarea__inner:focus {
        border-color: #c82011;
    }
}

.el-button.el-button--default {
    &:focus,
    &:active,
    &:hover {
        border-color: #c82011;
        color: #c82011;
        background: #f8e1de;
    }
}

.form-title {
    font-size: 18px;
    border-left: 3px solid #385176;
    padding-left: 10px;
    color: #333;
    margin-bottom: 20px;
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover,
.el-dropdown-menu__item:not(.is-disabled) a:hover {
    background: #fbeeec;
    color: #c82011;
}
